import { createStyles } from "utils";
import * as theme from "theme";
import { getStatusBarHeight } from "utils/adaptation";

const nav = getStatusBarHeight();

const styles = {
  root: {
    flex: 1,
    paddingTop: nav,
    height: "100%",
    backgroundColor: theme.ColorBackgroundComp,
    alignItems: "center",
    justifyContent: "space-between",
    flexDirection: "column",
  },
  subTitle: {
    fontSize: 29,
    fontWeight: "bold",
    color: theme.ColorFontBase,
  },
  panel: {
    backgroundColor: theme.ColorBackgroundComp,
    paddingHorizontal: 20,
  },
  audioButton: {
    marginTop: 10,
    alignSelf: "center",
    width: "100%",
    textAlign: "center"
  },
};

export default createStyles(styles);
